<!doctype html>

<html lang="fr">
	<head>
        <meta charset="utf-8" />
		<title>Interface secrétaire</title>
		<link rel="stylesheet" type="text/css" href="css/secretary.css"/>
        <!--
		<script src="js/L3List.js"></script>
		-->
		
		<script data-main="js/secretary.js" src="js/require.js"></script>
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmlHgmj8RM4c6swk90WqRNZDQ0ZSItP2k&sensor=false"></script>
	


	</head>
	<body>
		<h1>Interface secrétaire</h1>
		<section>
			<div id="PatientsRestants">
				<h3>Patients restants</h3>
				<button id="bouton" >Ajouter<br/>nouveau patient</button>
				<br/>
				<div id="patientRestDrop">
				
				</div>
			</div>
			<div id="addPatient" class="cacherForm">
				
				<div id="transparent"></div>
				<div id="add">
					
						<h3>Ajouter un nouveau patient</h3>
						<form id="formAddPatient" action="/addPatient" method="POST">
							<div class="name">
								<label for="patientName">Nom : </label>
								<input type="text" name="patientName" id="patientName" />
							</div>
							<div class="forname">
								<label for="patientForname">Prénom : </label>
								<input type="text" name="patientForname" id="patientForname" />
							</div>
							<div class="sex">
								<label for="patientSex">Sexe : </label>
								<input type="text" name="patientSex" id="patientSex" />
							</div>
							<div class="numero">
								<label for="patientNumber">Numéro : </label>
								<input type="text" name="patientNumber" id="patientNumber" />
							</div>
							<div class="birthday">
								<label for="patientBirthday">Date de naissance : </label>
								<input type="text" name="patientBirthday" id="patientBirthday" />
							</div>
							<div class="adress">
								<div class="patientFloor">
									<label for="patientFloor">Etage : </label>
									<input type="text" name="patientFloor" id="patientFloor" />
								</div>
								<div class="street">
									<label for="patientStreet">Rue : </label>
									<input type="text" name="patientStreet" id="patientStreet" />
								</div>
								<div class="postalCode">
									<label for="patientPostalCode">Code postal : </label>
									<input type="text" name="patientPostalCode" id="patientPostalCode" />
								</div>
								<div class="city">
									<label for="patientCity">Ville : </label>
									<input type="text" name="patientCity" id="patientCity" />
								</div>
								<div id="map" >
									
								</div>
							</div>
							<button id="btAddPatient">Ajouter ce patient</button>
						</form>
					
				
				</div>
				
				
			</div>
			<h3>Affectations</h3>
			<table id="Affectations">
				<thead>
					<td>Infirmière</td>
					<td>Tournée</td>
				</thead>
				<tbody>
				</tbody>
			</table>
			<div id="map"></div>
		<section>
	</body>
</html>
